#tag layout_block("bodyContent")
<article class="message is-white">
    <div class="message-body shadow-1 boom">
        <div class="media">
            <div class="media-left">
                <i class="fa fa-gift media-object" style="font-size: 55px; width: 55px; color: #333;"></i>
            </div>
            <div class="media-body" style="line-height: 200%; text-align: center;">
                <div style="font-size: 15px">
                    Roo 官方网站源码 <a href="https://github.com/junicorn/roo" target="_blank">Roo</a> 正式上线！
                </div>
                <div>
                    <code style="padding: 4px 10px; background: #e9eaed; border-radius: 2px;">git clone
                        git@github.com:junicorn/roo.git</code>
                </div>
            </div>
        </div>
    </div>
</article>

<div class="columns node-icon">
    <div class="column">
        <div class="notification shadow-1 is-info has-text-centered">
            <div class="item-icon">
                <a href="${siteUrl('topics')}"><i class="fa fa-comments-o"></i></a>
            </div>
            <div>
                <a href="${siteUrl('topics')}">Roo社区</a>
            </div>
        </div>
    </div>
    <div class="column">
        <div class="notification shadow-1 is-success has-text-centered">
            <div class="item-icon">
                <a href="${siteUrl('wiki')}"><i class="fa fa-support"></i></a>
            </div>
            <div>
                <a href="${siteUrl('wiki')}">技术文档</a>
            </div>
        </div>
    </div>
    <div class="column">
        <div class="notification shadow-1 is-warning has-text-centered">
            <div class="item-icon">
                <a href="${siteUrl('go/jobs')}"><i class="fa fa-users"></i></a>
            </div>
            <div>
                <a href="${siteUrl('go/jobs')}">求职招聘</a>
            </div>
        </div>
    </div>
    <div class="column">
        <div class="notification shadow-1 is-danger has-text-centered">
            <div class="item-icon">
                <a href="${siteUrl('popular')}"><i class="fa fa-diamond"></i></a>
            </div>
            <div>
                <a href="${siteUrl('popular')}">精华主题</a>
            </div>
        </div>
    </div>
</div>

<div class="columns">
    <div class="column home-topic">
        <div class="message is-light">
            <div class="message-header">
                <span class="has-text-left"><span class="icon is-small"><i
                        class="fa fa-first-order"></i></span> 首页主题</span>
                <span class="has-text-right">
                    </span>
            </div>
            <div class="message-body has-text-centered">
                #for(topic : topics)
                <article class="media">
                    <figure class="media-left">
                        <p class="image is-48x48">
                            <a href="${siteUrl('u/' + topic.username)}">
                                <img class="avatar-48" src="${topic.avatar}">
                            </a>
                        </p>
                    </figure>
                    <div class="media-content">
                        <div class="content">
                            <p class="topic-title">
                                <a href="${siteUrl('topic/' + topic.tid)}">${topic.title}</a>
                            </p>
                            <p class="topic-meta">
                                <a class="topic-meta" href="${siteUrl('node/' + topic.nodeSlug)}">${topic.nodeTitle}</a>
                                <span> • </span>
                                <a class="topic-meta" href="${siteUrl('u/' + topic.username)}">${topic.username}</a>
                                <span> • </span>
                                <small>发布于12分钟前</small>
                                <span> • </span>
                                #if(topic.comments > 0)
                                <small>最后回复来自</small>
                                <a class="topic-meta" href="${siteUrl('u/' + topic.replyUser)}">${topic.replyUser}</a>
                                #else
                                <small>暂无回复</small>
                                #end
                            </p>
                        </div>
                    </div>
                    <div class="media-right" style="line-height: 55px;">
                        <a href="${siteUrl('topic/' + topic.tid + '#reply-' + topic.replyId)}">
                            <span class="tag is-rounded" style="background-color: #aab0c6">${topic.comments}</span>
                        </a>
                    </div>
                </article>
                #end
            </div>
            <div class="message-header">
                <a class="button is-small is-dark">更多主题...</a>
            </div>
        </div>
    </div>

    #include('partials/sidebar.html')
</div>


<!--节点导航-->
<div class="message is-light">
    <div class="message-header">
        <span class="has-text-left"><span class="icon is-small"><i class="fa fa-cubes"></i></span> 节点导航</span>
    </div>
    <div class="message-body has-text-centered">
        <div class="row node-list">
            #for(item : nodes)
            <div class="node media">
                <label class="media-left">${item.title}</label>
                #if(item.children != null)
                <span class="nodes media-body">
                    #for(node : item.children)
                    <span class="name">
                        <a title="${node.title}" href="${siteUrl('go/' + node.slug)}">${node.title}</a>
                    </span>
                    #end
                </span>
                #end
            </div>
            #end
        </div>
    </div>
</div>

<!--热门城市-->
<div class="message is-light">
    <div class="message-header">
        <span class="has-text-left"><span class="icon is-small"><i class="fa fa-flag"></i></span> 热门城市</span>
    </div>

    <div class="message-body has-text-centered">
        #for(item : nodes)
        #if(item.slug == 'cities')
        #for(node : item.children)
        <a class="tag" title="${node.title}" href="${siteUrl('go/' + node.slug)}">${node.title}</a>
        #end
        #end
        #end
    </div>
</div>
#end
#include('layouts/default.html')